body{
	background:#fcd403;
}

.main{
	position:relative;
	width:100%;
	height:100%;
	background:#fcd403 url(images/bg01.jpg) no-repeat;
	background-size:100% 100%;
	max-width:640px;
	min-width:320px;
	margin:auto;
	
}

.mainBottom{
	background:url(images/bottomBg.png) repeat-x;
	height:39px;
	line-height:39px;
	color:#df540e;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}


.leftArrow,.rightArrow{
	position:absolute;
	bottom:100px;
	width:14%;
	z-index:9;
}

.leftArrow img,.rightArrow img{
	width:100%;
}

.leftArrow{
	left:20%;
}

.rightArrow{
	right:20%;
}

.girl{
	position:absolute;
	width:24%;
	bottom:39px;
	left:38%;
	z-index:990;
}

.girl img{
	width:100%;
}

.guize,.jiangpin,.jieshao{
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	position:absolute;
	top:-100%;
	z-index:99;
	width:16.7%;
}

.guize{
	left:40%;
}

.jiangpin{
	right:15%;	
}

.jieshao{
	left:12.6%;
}

.indexLogo{
	position:absolute;
	width:22%;
	left:6%;
	top:3%;
	z-index:9999;
}

.otherLogo{
	width:22%;
	padding-left:6%;
	padding-top:3%;
}

.indexLogo img,.otherLogo img{
	width:100%;
}

.otherTitle{
	width:100%;
	margin:10px auto;
	text-align:center;
}

.otherTitle img{
	width:85%;
}

.indexTitle{
	width:76%;
	position:absolute;
	left:12%;
	top:24%;
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	z-index:99;
}

.indexTitle img{
	width:100%;
}

.indexStartBox{
	position:absolute;
	width:60%;
	left:20%;
	top:50%;
	font-size:1.2em;
}

.startBtn{
	background:#fcd608;
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	opacity: 0;
	border-radius:15px;
	z-index:99;
	border:3px #d76e06 solid;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	overflow:hidden;
}

.startBtn .hightLight{
	position:relative;
	padding:12px 6px 6px 12px;
	margin:0 6px 6px 0;
	box-shadow: 6px 8px 12px rgba(255,255,255,0.6) inset;
	text-shadow: 1px 1px 6px rgba(255,255,255,1);
	background:#fcdd36;
	border-radius:12px;
	font-weight:bold;
	display:block;
}

.indexStartBox,.startBtn,.startBtn a{
	color:#df540e;
}

.gameNoBox,.gameLost,.gameWin,.nolottery,.yeslottery,.shareSuccess{
	position:absolute;
	top:20%;
	width:100%;
	z-index:999;
	display:none;
}

.gameLost,.gameWin,.nolottery,.yeslottery,.shareSuccess{
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	display:block;
	top:5%;
}


::-webkit-input-placeholder { color:#a1a1a1; line-height:32px;}
.infoBox input{
	height:32px;
	line-height:32px;
	width:80%;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.2) inset;
	padding:0 5px;
	border-radius:8px;
	border:1px #a1a1a1 solid;
}

.infoBox{
	width:80%;
	margin:auto 8%;
	padding:2%;
	border:2px #bd3403 solid;
	background:#fad544;
	background:-webkit-gradient(linear,0 0,0 100%,from(#fdea6d),to(#f5ba36));
	background:-moz-linear-gradient(top,#fdea6d,#f5ba36);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	border-radius:15px;
	
}

.infoBox,.infoBox a{
	color:#df540e;
}

.infoBox h1{
	font-size:1.6em;
	margin:5px auto;
	padding:0;
}

.infoBox p{
	padding:0;
	margin:5px 0;
}

.infoBox .infoBtn{
	margin:auto;
	border:2px #bd3403 solid;
	background:#fad544;
	background:-webkit-gradient(linear,0 0,0 100%,from(#f9b317),to(#fdea6d));
	background:-moz-linear-gradient(top,#f9b317,#fdea6d);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	border-radius:8px;
	padding:0 16px;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
}

.infoBox h5{
	background:url(images/infoTicon.png) no-repeat;
	height:28px;
	line-height:28px;
	padding-left:32px;
	font-weight:1.2em;
	margin:10px auto;
}

.infoFColorB{
	color:#000;
}

.gameElment{
	position:absolute;
	left:0;
}

.backwardNumber{
	-o-transition: all 0.5s ease-in-out;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
	z-index:999;
	-webkit-transform: scale(5);
	opacity: 0;
	width:100%;
	height:80px;
	line-height:42px;
	font-size:36px;
	font-weight:bold;
	color:#fff;
	position:fixed;
	top:50%;
	margin:-21px 0 0 0;
	text-align:center;
}

.addfenshu{
	position:absolute;
	width:80px;
	height:50px;
	line-height:30px;
	top:50%;
	left:50%;
	margin-top:-40px;
	margin-left:-40px;
	color:#c00;
	-o-transition: all 1s ease-in-out;
	-moz-transition:  all 1s ease-in-out;
	-webkit-transition:  all 1s ease-in-out;
	transition:  all 1s ease-in-out;
	font-size:40px;
	text-align:center;
}

.fenshuBox,.timeBox{
	border:2px #bd3403 solid;
	background:#fad544;
	background:-webkit-gradient(linear,0 0,0 100%,from(#f9b317),to(#fdea6d));
	background:-moz-linear-gradient(top,#f9b317,#fdea6d);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	border-radius:8px;
	padding:0 16px;
	font-size:1.2em;
	font-weight:bold;
	display:inline-block;
	position:absolute;
	z-index:990;
	top:18px;
	color:#df540e;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition:  all 0.5s ease-in-out;
	-webkit-transition:  all 0.5s ease-in-out;
	transition:  all 0.5s ease-in-out;
}

.fenshuBox{
	left:-100%;
}

.timeBox{
	right:-100%;
}

.zhuan{
	-o-transition: all 10s ease-in-out;
	-moz-transition:  all 10s ease-in-out;
	-webkit-transition:  all 10s ease-in-out;
	transition:  all 10s ease-in-out;
}

.h48{
	height:48px;
}

.goback{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:9999;
	background:rgba(0,0,0,0.9);
	height:48px;
	line-height:48px;
}

.goback a,.goback{
	display:block;
	color:#fff;
}

